<template>
    <div>
        <el-tabs type="border-card">
            <el-tab-pane label="通用查找">
                <el-form :inline="true">
                    <el-form-item label="企业名称">
                        <el-input placeholder="审批人"></el-input>
                    </el-form-item>
                    <el-form-item label="企业类型">
                        <el-input placeholder="审批人"></el-input>
                    </el-form-item>
                    <el-form-item label="上市情况">
                        <el-input placeholder="审批人"></el-input>
                    </el-form-item>
                    <el-form-item label="涉及领域">
                        <el-input placeholder="审批人"></el-input>
                    </el-form-item>
                    <el-form-item label="启用状态">
                        <el-input placeholder="审批人"></el-input>
                    </el-form-item>
                    <el-form-item label="客户经理">
                        <el-input placeholder="审批人"></el-input>
                    </el-form-item>
                    <el-form-item>
                        <el-button type="primary">重置</el-button>
                    </el-form-item>
                </el-form>
                <el-form>
                    <el-form-item>
                        <el-button type="primary">查找</el-button>
                        <el-button type="primary">新增</el-button>
                    </el-form-item>
                </el-form>
                <div>
                    <el-table :data="tableData" style="width: 100%">
                        <el-table-column prop="date" label="名称" width="180">
                        </el-table-column>
                        <el-table-column prop="date" label="类型" width="180">
                        </el-table-column>
                        <el-table-column prop="name" label="上市情况" width="180">
                        </el-table-column>
                        <el-table-column prop="date" label="设计领域" width="180">
                        </el-table-column>
                        <el-table-column prop="date" label="能力项" width="180">
                        </el-table-column>
                        <el-table-column prop="date" label="启用状态" width="180">
                        </el-table-column>
                        <el-table-column prop="date" label="客户经理" width="180">
                        </el-table-column>
                        <el-table-column prop="date" label="操作" width="180">
                        </el-table-column>
                    </el-table>
                </div>
            </el-tab-pane>
            <el-tab-pane label="设计单位">配置管理</el-tab-pane>
            <el-tab-pane label="咨询单位">角色管理</el-tab-pane>
            <el-tab-pane label="承建方">定时任务补偿</el-tab-pane>
            <el-tab-pane label="设备方">定时任务补偿</el-tab-pane>
            <el-tab-pane label="投资方">定时任务补偿</el-tab-pane>
            <el-tab-pane label="运维方">定时任务补偿</el-tab-pane>
        </el-tabs>
    </div>
</template>
<script>
export default {
    data() {
        return {
            tableData: [{
                date: '2016-05-02',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1518 弄'
            }, {
                date: '2016-05-04',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1517 弄'
            }, {
                date: '2016-05-01',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1519 弄'
            }, {
                date: '2016-05-03',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1516 弄'
            }]
        }
    }
}
</script>
